<!DOCTYPE html>
<html>

<head>
	<!-- 页面meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>商家审核</title>
	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
	<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
	<link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

</head>

<body class="hold-transition skin-red sidebar-mini"  >
<!-- .box-body -->
<div class="box box-primary">
	<div class="box-header with-border">
		<h3 class="box-title">商家审核</h3>
	</div>

	<div class="box-body">

		<!-- 数据表格 -->
		<div class="table-box">

			<!--工具栏-->

			<div class="box-tools pull-right">
				<div class="has-feedback">
					公司名称：<input  id="searchName">
					店铺名称： <input  id="searchNickName">
					<button class="btn btn-default" onclick="getSeller1Data()">查询</button>
				</div>
			</div>
			<!--工具栏/-->

			<!--数据列表-->
			<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
				<thead>
				<tr>
					<th class="" style="padding-right:0px">
						<input id="selall" type="checkbox" class="icheckbox_square-blue">
					</th>
					<th class="sorting_asc">商家ID</th>
					<th class="sorting">公司名称</th>
					<th class="sorting">店铺名称</th>
					<th class="sorting">联系人姓名</th>
					<th class="sorting">公司电话</th>

					<th class="text-center">操作</th>
				</tr>
				</thead>
				<tbody id="getSeller1Data">
				<script>
					$(function () {
						getSeller1Data();
					})

					function getSeller1Data() {
						$.ajax({
							url:"/sellerController/getSeller1Data",
							data:{name:$("#searchName").val(),nickName:$("#searchNickName").val()},
							type:"post",
							dataType:"json",
							async:false,
							success:function(result){
								var tbSellers = result.data;
								var html = "";
								$(tbSellers).each(function (i,e) {
									if (0 == e["status"]){
										var  status = "待审核"
									}else if(1 == e["status"]){
										var  status = "已审核"
									}else if(2 == e["status"]){
										var  status = "审核未通过"
									}else if(3 == e["status"]){
										var  status = "关闭"
									}
									html += "<tr>\n" +
											"\t\t\t                              <td><input  type=\"checkbox\"></td>\t\t\t                              \n" +
											"\t\t\t\t                          <td>"+e["sellerId"]+"</td>\n" +
											"\t\t\t\t\t\t\t\t\t      <td>"+e["name"]+"</td>\n" +
											"\t\t\t\t\t\t\t\t\t      <td>"+e["nickName"]+"</td>\n" +
											"\t\t\t\t\t\t\t\t\t      <td>"+e["linkmanName"]+"</td>\n" +
											"\t\t\t\t\t\t\t\t\t      <td>"+e["telephone"]+"</td>\n" +
											"\t\t                                  <td>\n" +
											"\t\t\t                                  <span>"+status+"</span>\t\n" +
											"\t\t\t\t\t\t\t\t\t\t     \n" +
											"\t\t                                  </td>\n" +
											"\t\t                                  <td class=\"text-center\">                                           \n" +
											"\t\t                                 \t  <button type=\"button\" class=\"btn bg-olive btn-xs\" data-toggle=\"modal\" data-target=\"#sellerModal\" onclick='getSellerDetailed(\""+e["sellerId"]+"\")'>详情</button>                                           \n" +
											"\t\t                                  </td>\n" +
											"\t\t\t                          </tr>"
								})
								$("#getSeller1Data").html(html);
							},
							error:function(){
								alert("异常")
							}
						})
					}
				</script>

				</tbody>
			</table>
			<!--数据列表/-->


		</div>
		<!-- 数据表格 /-->




	</div>
	<!-- /.box-body -->




	<!-- 商家详情 -->
	<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" >
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">商家详情</h3>
				</div>
				<div class="modal-body">

					<ul class="nav nav-tabs">
						<li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
						<li><a href="#linkman" data-toggle="tab">联系人</a></li>
						<li><a href="#certificate" data-toggle="tab">证件</a></li>
						<li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
						<li><a href="#bank" data-toggle="tab">开户行</a></li>
					</ul>

					<!-- 选项卡开始 -->
					<div id="myTabContent" class="tab-content">
						<script>
							function getSellerDetailed(sellerId) {
								$.ajax({
									url:"/sellerController/getSellerDetailed",
									data:{sellerId:sellerId},
									type:"post",
									dataType:"json",
									async:false,
									success:function(result){
										var tbSeller = result.data;
										var html ="<div class=\"tab-pane active in\" id=\"home\"><input type='hidden' id='sellerId' value='"+sellerId+"'>\n" +
												"\t\t\t      <br>\n" +
												"\t\t\t      <table class=\"table table-bordered table-striped\"  width=\"800px\">\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>公司名称</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.name+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>公司手机</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.mobile+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>公司电话</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.telephone+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>公司详细地址</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.addressDetail+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      </table>\t\t\t      \n" +
												"      \t\t\t</div>\t\n" +
												"\t\t\t    <div class=\"tab-pane fade\" id=\"linkman\">\n" +
												"\t\t\t    \t<br>\n" +
												"\t\t\t\t\t<table class=\"table table-bordered table-striped\" >\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>联系人姓名</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.linkmanName+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>联系人QQ</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.linkmanQq+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>联系人手机</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.linkmanMobile+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      \t<tr>\n" +
												"\t\t\t      \t\t<td>联系人E-Mail</td>\n" +
												"\t\t\t      \t\t<td>"+tbSeller.linkmanEmail+"</td>\n" +
												"\t\t\t      \t</tr>\n" +
												"\t\t\t      </table>\n" +
												"\t\t\t    </div>\n" +
												"\t\t\t    <div class=\"tab-pane fade\" id=\"certificate\">\n" +
												"\t\t\t\t\t<br>\n" +
												"\t\t\t\t\t<table class=\"table table-bordered table-striped\" >\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>营业执照号</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.licenseNumber+"</td>\n" +
												"\t\t\t\t      \t</tr>\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>税务登记证号</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.taxNumber+"</td>\n" +
												"\t\t\t\t      \t</tr>\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>组织机构代码证号</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.orgNumber+"</td>\n" +
												"\t\t\t\t      \t</tr>\t\t\t\t      \t\n" +
												"\t\t\t     \t</table>\n" +
												"\t\t\t    </div>\n" +
												"\t\t\t    <div class=\"tab-pane fade\" id=\"ceo\">\n" +
												"\t\t\t\t\t<br>\n" +
												"\t\t\t\t\t<table class=\"table table-bordered table-striped\" >\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>法定代表人</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.legalPerson+"</td>\n" +
												"\t\t\t\t      \t</tr>\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>法定代表人身份证号</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.legalPersonCardId+"</td>\n" +
												"\t\t\t\t      \t</tr>\t\t\t\t\t   \t\t\t      \t\n" +
												"\t\t\t     \t</table>\n" +
												"\t\t\t    </div>\n" +
												"\t\t\t    <div class=\"tab-pane fade\" id=\"bank\">\n" +
												"\t\t\t\t\t<br>\n" +
												"\t\t\t\t\t<table class=\"table table-bordered table-striped\" >\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>开户行名称</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.bankUser+"</td>\n" +
												"\t\t\t\t      \t</tr>\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>开户行支行</td>\n" +
												"\t\t\t\t      \t\t<td>"+tbSeller.bankName+"</td>\n" +
												"\t\t\t\t      \t</tr>\t\t\n" +
												"\t\t\t\t      \t<tr>\n" +
												"\t\t\t\t      \t\t<td>银行账号</td>\n" +
												"\t\t\t\t      \t\t<td>999000111222</td>\n" +
												"\t\t\t\t      \t</tr>\t\t\t   \t\t\t      \t\n" +
												"\t\t\t     \t</table>\t\t\t\t\t\n" +
												"\t\t\t    </div>";
										$("#myTabContent").html(html);
									},
									error:function(){
										alert("异常")
									}
								})
							}
						</script>
					</div>
					<!-- 选项卡结束 -->


				</div>
				<div class="modal-footer">
					<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="updateStatus(1)">审核通过</button>
					<button class="btn btn-danger"  data-dismiss="modal" aria-hidden="true" onclick="updateStatus(2)">审核未通过</button>
					<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true" onclick="updateStatus(3)">关闭商家</button>
					<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
					<script>
						function updateStatus(obj) {
							$.ajax({
								url:"/sellerController/updateStatus",
								data:{sellerId:$("#sellerId").val(),status:obj},
								type:"post",
								dataType:"json",
								async:false,
								success:function(result){
									window.location.reload()
								},
								error:function(){
									alert("异常")
								}
							})
						}
					</script>
				</div>
			</div>
		</div>
	</div>


</body>

</html>